<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" >
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="framework/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="framework/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<script src="js/index.js"></script>
		<title></title>
		<style>
			
		</style>
	</head>
	<body>
		<!--总容器-->
		<div class="wrapper">
			<!--头部-->
			<header>
				<div class=location-text><i class="fa fa-map-marker"></i>天津大学<i class="fa fa-caret-down"></i></div>
			</header>
			<!--搜索框部分-->
			<div class="search">
				<div class="fixxed" id="fixxed-box">
					<div class="search-box">
						<i class="fa fa-search"></i>搜索饿了么商家、商品名称
					</div>
				</div>
			</div>
			<!--点餐分类部分-->
			<ul class="foodtype">
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype1.jpg" >
					<p>美食</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype2.jpg" >
					<p>早餐</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype3.jpg" >
					<p>跑腿代购</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype4.jpg" >
					<p>汉堡披萨</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype5.jpg" >
					<p>甜品饮品</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype6.jpg" >
					<p>素食简餐</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype7.jpg" >
					<p>地方小吃</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype8.jpg" >
					<p>米粉面馆</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype9.jpg" >
					<p>包子粥铺</p>
				</li>
				<li onclick="location.href='businessList.html'">
					<img src="img/foodtype10.jpg" >
					<p>炸鸡炸串</p>
				</li>
			</ul>
			<!--横幅广告-->
			<div class="banner">
                <h3>品质套餐</h3>
				<p>搭配齐全，吃得好</p>
				<a >立即抢购 &gt;</a>
			</div>
			<!--超级会员-->
			<div class="supermember">
				<div class="left">
					<img src="img/supermember.jpg">
					<h3>超级会员</h3>
					<p>&#8226 每月享超值权益</p>
				</div>
				<div class="right">
					立即开通 &gt
				</div>
			</div>
			<!--推荐商家-->
			<div class="recommend">
			 <div class="recommend-line"></div>
			 <p>推荐商家</p>
			 <div class="recommend-line"></div>
		    </div>
			<!--推荐方式-->
			<ul class="recommend-style">
				<li>综合排序<i class="fa fa-caret-down"></i></li>
				<li>距离最近</li>
				<li>销量最高</li>
				<li>筛选<i class="fa fa-fliter"></i></li>
			</ul>
			<!--推荐商家列表-->
			<ul class="business">
				<li>
					<img src="img/business1.png">
					<div class="business-info">
						<div class="business-info-h">
							<h3>果萌鲜果捞&#8226果切</h3>
							<div class="business-info-like">&#8226;</div>
						</div>
						<div class="business-info-star">
							<div class="left">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<p>4.7 月售133单</p>
							</div>
							<div class="right">蜂鸟专送</div>
						</div>
						<div class="business-info-delivery">
							<p>&#165;0起送 | &#165;0配送</p>
							<p>906m | 56分钟</p>
						</div>
						<div class="business-info-explain">
							<div>热销：水果捞</div>
						</div>
						<div class="business-info-promotion">
							<div class="left">
								<div class="icon">新</div>
								<p>新客-1</p>
							</div>
							<div class="right">
								<p>两个活动</p>
								<i class="fa fa-caret-down"></i>
							</div>
						</div>
						<div class="business-info-promotion">
							<div class="left">
								<div class="icon" style="background-color: #F1884F;">特</div>
								<p>特价商品6.33折起</p>
							</div>
						</div>
					</div>
				</li>
				<li>
					<img src="img/business2.png">
					<div class="business-info">
						<div class="business-info-h">
							<h3>肯德基宅急送&#40天津大学店&#41</h3>
							<div class="business-info-like">&#8226;</div>
						</div>
						<div class="business-info-star">
							<div class="left">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<p>5.0 月售232单</p>
							</div>
							<div class="right">蜂鸟专送</div>
						</div>
						<div class="business-info-delivery">
							<p>&#165;0起送 | &#165;6配送</p>
							<p>945m | 30分钟</p>
						</div>
						<div class="business-info-promotion-1">
							<div class="secondline">7.5元无门槛红包</div>
						</div>
					</div>
				</li>
				<li>
					<img src="img/business3.png">
					<div class="business-info">
						<div class="business-info-h">
							<h3>乐克炸鸡汉堡</h3>
							<div class="business-info-like">&#8226;</div>
						</div>
						<div class="business-info-star">
							<div class="left">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<p>4.7 月售2975单</p>
							</div>
							<div class="right">蜂鸟专送</div>
						</div>
						<div class="business-info-delivery">
							<p>&#165;16起送 | &#165;1.8配送</p>
							<p>5.7km | 50分钟</p>
						</div>
						<div class="business-info-promotion-1">
							<div class="secondline">鸡腿堡鲜辣多汁</div>
							<div class="secondline">近期2669人下单</div>
						</div>
					</div>
				</li>
				<li>
					<img src="img/business4.png">
					<div class="business-info">
						<div class="business-info-h">
							<h3>饭有引力</h3>
							<div class="business-info-like">&#8226;</div>
						</div>
						<div class="business-info-star">
							<div class="left">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<p>4.6 月售1737单</p>
							</div>
							<div class="right">蜂鸟专送</div>
						</div>
						<div class="business-info-delivery">
							<p>&#165;15起送 | &#165;3.3配送</p>
							<p>1.4km | 40分钟</p>
						</div>
						<div class="business-info-explain">
							<div>热销：鱼香肉丝</div>
						</div>
						<div class="business-info-promotion-1">
							<div class="secondline">清补凉清热解暑</div>
						</div>
					</div>
				</li>
				<li>
					<img src="img/business5.png">
					<div class="business-info">
						<div class="business-info-h">
							<h3>麦瑞堡·汉堡</h3>
							<div class="business-info-like">&#8226;</div>
						</div>
						<div class="business-info-star">
							<div class="left">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<p>4.2 月售276单</p>
							</div>
							<div class="right">蜂鸟专送</div>
						</div>
						<div class="business-info-delivery">
							<p>&#165;15起送 | &#165;2.3配送</p>
							<p>1.4km | 40分钟</p>
						</div>
						<div class="business-info-promotion-1">
							<div class="secondline">有吃有喝感觉很不错</div>
							<div class="secondline">口味好评率92%</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="bottommargin"></div>
			<!--底部菜单-->
			<ul class="pagebottom">
				<li onclick="location.href='index.html'">
					<i class="fa fa-home"></i>
					<p>首页</p>
				</li>
				<li>
					<i class="fa fa-compass"></i>
					<p>发现</p>
				</li>
				<li onclick="location.href='orderList.html'">
					<i class="fa fa-file-text-o"></i>
					<p>订单</p>
				</li>
				<li>
					<i class="fa fa-user-o"></i>
					<p>我的</p>
				</li>
			</ul>
		</div>
	</body>
</html>
